<!DOCTYPE html>
<html  lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"/>
    <title>WeUI</title>
    <link rel="stylesheet" href="style/weui.css"/>
    <link rel="stylesheet" href="css/example.css"/>
</head>

<body>
     <div class="bd spacing">
        <a href="javascript:;" class="weui_btn weui_btn_primary" id="showToast2">点击弹出Toast</a>
    </div>
     <button id="toast_btn" class="weui_btn weui_btn_primary">click</button>
     <!--BEGIN toast-->
     <div id="toast_div" style="display: none;">
         <div class="weui_mask_transparent"></div>
         <div class="weui_toast">
             <i class="weui_icon_toast"></i>
             <p class="weui_toast_content">已确认</p>
         </div>
     </div>
     <!--end toast-->

     <script type="text/html" id="tpl_toast">
        <div class="page">
            <div class="hd">
                <h1 class="page_title">Toast</h1>
            </div>
            <div class="bd spacing">
                <a href="javascript:;" class="weui_btn weui_btn_primary" id="showToast">点击弹出Toast</a>
                <a href="javascript:;" class="weui_btn weui_btn_primary" id="showLoadingToast">点击弹出Loading Toast</a>
            </div>
            <!--BEGIN toast-->
            <div id="toast" style="display: none;">
                <div class="weui_mask_transparent"></div>
                <div class="weui_toast">
                    <i class="weui_icon_toast"></i>
                    <p class="weui_toast_content">已完成</p>
                </div>
            </div>

        </div>
    </script>
    <script src="js/zepto.min.js"></script>
    <script src="js/example.js"></script>
     <script src="js/jinshan_weui.js"></script>
</body>
</html>
